Skip to main content

Documentación técnica

El siguiente script realiza acciones luego de detectar que existe el widget y este se cargó de forma correcta en esa URL, se debe colocar debajo del script principal de Ocular para su operación.

<script>
const onOcularWidgetReady = () => {
// Se pueden ejecutar funciones de Ocular ó código propio.
}
</script>

Las funciones de Ocular que se pueden ejecutar en el script o que también son posibles de ejecutar como un evento onclick son las siguientes:

ocularWidget.show()Icono del widget siempre visible
ocularWidget.show(true)Widget completamente abierto en vista de formulario
ocularWidget.hide()Widget siempre oculto
ocularWidget.toggle()Permitir al widget hacer funcion toggle
ocularWidget.maximize()Permitir maximizar el tamaño del widget
ocularWidget.minimize()Permitir establecer el tamaño por defecto del widget
ocularWidget.align("right")Establecer posición del widget, los valores a reemplazar en la variable position son "left","center","right"
ocularWidget.getDevice()Obtener datos del dispositivo que interactúa con el elemento
ocularWidget.showPopUp(true, true)Mostrar el pop-up y reproducir alerta
ocularWidget.showPopUp(false, false)Ocultar el pop-up y silenciar alerta
ocularWidget.setPopUpContent("text")Editar el contenido del pop-up
ocularWidget.setCustomer({
cellphone: "0123456789",
countryCode: "+00",
email: "correo@mail.com",
name: "nombre",
})
Setear datos en los campos del formulario inicial

Es posible embeber el widget de Ocular en algún contenedor y así controlar su forma y tamaño en las vistas que lo deseen, para ello solo se debe agregar en cualquier elemento HTML el id “ocular-service-container”:

<div id="ocular-service-container"></div>

Con Ocular es posible realizar también integraciones a nivel de API, para más información nos pueden contactar a través de soporte@ocularsolution.com